---
description: Компонент для создания интерактивных текстовых ссылок или кнопок-ссылок.
---

<Overview group="typography">

# Link [tag:component]

Компонент для создания интерактивных текстовых ссылок или кнопок-ссылок.
Наследует стили шрифта от родителя и поддерживает все свойства [`Tappable`](/components/tappable).

</Overview>

<Playground>
  ```jsx
  <Link href="https://vk.cc/cMPb66">Я — ссылка</Link>
  ```
</Playground>

## Использование иконок

Для отображения дополнительных иконок перед и после текста можно использовать свойства `before` и `after` соответственно.
Рекомендуется использовать иконки размером `16px`.

<Playground>
  ```jsx
  <Link
    href="https://vkui.io"
    target="_blank"
    before={<Icon16ChainOutline />}
    after={<Icon16LinkOutline />}
  >
    Главная в новом окне
  </Link>
  ```
</Playground>

## Доступность (a11y) [#a11y]

Для обеспечения доступности автоматически выбирает HTML-тег (`<a>` при наличии `href`, иначе `<button>`).

## Свойства и методы [#api]

<PropsTable name="Link" />
